<!doctype html>  
<!--[if IE 6 ]><html lang="en-us" class="ie6"> <![endif]-->
<!--[if IE 7 ]><html lang="en-us" class="ie7"> <![endif]-->
<!--[if IE 8 ]><html lang="en-us" class="ie8"> <![endif]-->
<!--[if (gt IE 7)|!(IE)]><!-->
<html lang="en-us"><!--<![endif]--><head>
	<meta charset="utf-8">
	<meta name="author" content="Online HTML Tools">
	<meta name="copyright" content="Roodper">
	<meta name="generator" content="Documenter v1.4 http://rxa.li/documenter">
	<meta name="date" content="2011-06-28T00:00:00+02:00">
	
	<link rel="stylesheet" href="/css/documenter_style.css" media="all">
	<link rel="stylesheet" href="/css/shDocumenter.css" media="screen">	
	<style>
		html{background-color:#EEEEEE;color:#383838;}
		::-moz-selection{background:#333636;color:#00DFFC;}
		::selection{background:#333636;color:#00DFFC;}
		#documenter_sidebar #documenter_logo{background-image:url(http://tools.nogisa.com/assets/images/online-html-tools.png);}
		a{color:#008C9E;}
		hr{border-top:1px solid #D4D4D4;border-bottom:1px solid #FFFFFF;}
		#documenter_sidebar, #documenter_sidebar ol a{background-color:#343838;color:#FFFFFF;}
		#documenter_sidebar ol a{-webkit-text-shadow:1px 1px 0px #494F4F;-moz-text-shadow:1px 1px 0px #494F4F;text-shadow:1px 1px 0px #494F4F;}
		#documenter_sidebar ol{border-top:1px solid #212424;}
		#documenter_sidebar ol a{border-top:1px solid #494F4F;border-bottom:1px solid #212424;color:#FFFFFF;}
		#documenter_sidebar ol a:hover{background:#333636;color:#00DFFC;border-top:1px solid #333636;}
		#documenter_sidebar ol a.current{background:#333636;color:#00DFFC;border-top:1px solid #333636;}
		#documenter_copyright{display:block !important;visibility:visible !important;}
	</style><title>Online Menu Generator</title>
<meta name="description" content="create professional and stylish navigation menu for your blog or website. Generate a nav menu using our visual menu editor tool.">
<meta name="keywords" content="online menu maker,online menu creator,nav menu generator,navigation menu design,menu editor online">
</head>
<body>
	<div id="documenter_sidebar">
		<a href="http://tools.nogisa.com" id="documenter_logo"></a>
		<ol id="documenter_nav">
		    <li><a class="current" href="index.php">tools.nogisa.com</a></li>
			<li><a href="live-html-editor.php">Live HTMl Editor</a></li>
			<li><a href="menu-generator.php">Menu Generator</a></li>
			<li><a href="meta-tag-generator.php">Meta Tag Generator</a></li>
			<li><a href="secure-password-generator.php">Password Generator</a></li>
			<li><a href="popup-window-generator.php">Popup Generator</a></li>
			<li><a href="sitemap-generator.php">Sitemap Generator</a></li>
			<li><a href="tab-generator.php">Tab Generator</a></li>
			<li><a href="character-counter.php">Character Counter</a></li>
			<li><a href="color-picker.php">Color Picker</a></li>
			<li><a href="css-compressor.php">CSS Compressor</a></li>
			<li><a href="html-parser.php">HTML Parser</a></li>
			<li><a href="wysiwyg-editor.php">wysiwyg Editor</a></li>
			<li><a href="bbcode-html-convertor.php">BBCode - HTML Convertor</a></li>
			<li><a href="button-genaretor.php">Button Generator</a></li>
			<li><a href="logo-generator.php">Logo Maker</a></li>
		</ol>

	</div>
	<div id="documenter_content">
	<section id="documenter_cover"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Menu Maker</title>
<link rel="stylesheet" href="menu-generator/required/jslider.css" type="text/css">
<link rel="stylesheet" href="menu-generator/required/jslider.plastic.css" type="text/css">
<link rel="stylesheet" href="menu-generator/required/jslider.round.plastic.css" type="text/css">
<link href="menu-generator/required/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<!--[if IE 6]>
<link rel="stylesheet" href="menu-generator/required/jslider.ie6.css" type="text/css" media="screen">
<link rel="stylesheet" href="menu-generator/required/jslider.plastic.ie6.css" type="text/css" media="screen">
<link rel="stylesheet" href="menu-generator/required/jslider.round.plastic.ie6.css" type="text/css" media="screen">
<![endif]-->

<script type="text/javascript" src="menu-generator/required/jquery.js"></script>
<script type="text/javascript" src="menu-generator/required/jquery.slider.js"></script>
<script type="text/javascript" src="menu-generator/required/jquery.dependClass.js"></script>
<script type="text/javascript" src="menu-generator/required/facebox.js"></script>
<script type="text/javascript" src="menu-generator/required/generate.js"></script>
<style>body{ background-image: url(menu-generator/required/back2.png); margin:0;padding:0;}

#Head{position:fixed;overflow: auto;z-index:5;width:100%;height:100px;top:0;background-image: url(menu-generator/required/top.png);
border-bottom: 1px solid #999;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
box-shadow:0 3px 7px rgba(0,0,0,.2);}
#menu_wrap{position:relative;margin-top:20px;margin-left:auto;margin-right:auto;padding:0; padding-right:10px;width:800px;height:40px;list-style-type:none;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);}.button a{cursor:pointer;text-align:center;font:14px/100% Arial,Helvetica,sans-serif;font-weight:bold;position:relative;min-width:50px;height:20px;float:left;padding:10px 10px;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,.3);}.button:first-child a{-webkit-border-top-left-radius:.3em;-webkit-border-bottom-left-radius:.3em;-moz-border-topleft-radius:.3em;-moz-border-bottomleft-radius:.3em;border-top-left-radius:.3em;border-bottom-left-radius:.3em;}.Blue,.Blue .button a{color:#d9eef7;background: #00adee;border-right:solid 1px #0078a5;background: -moz-linear-gradient(top, #00adee 0%, #0078a5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00adee), color-stop(100%,#0078a5));background: -webkit-linear-gradient(top, #00adee 0%,#0078a5 100%);background: -o-linear-gradient(top, #00adee 0%,#0078a5 100%);background: -ms-linear-gradient(top, #00adee 0%,#0078a5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adee', endColorstr='#0078a5',GradientType=0 );background: linear-gradient(top, #00adee 0%,#0078a5 100%);}.Blue .button a:hover,.Blue .button a:focus{background: #0095cc;background: -moz-linear-gradient(top, #0095cc 0%, #00678e 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095cc), color-stop(100%,#00678e));background: -webkit-linear-gradient(top, #0095cc 0%,#00678e 100%);background: -o-linear-gradient(top, #0095cc 0%,#00678e 100%);background: -ms-linear-gradient(top, #0095cc 0%,#00678e 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095cc', endColorstr='#00678e',GradientType=0 );background: linear-gradient(top, #0095cc 0%,#00678e 100%);}.Blue .button a:active{background: #0078a5;background: -moz-linear-gradient(top, #0078a5 0%, #00adee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0078a5), color-stop(100%,#00adee));background: -webkit-linear-gradient(top, #0078a5 0%,#00adee 100%);background: -o-linear-gradient(top, #0078a5 0%,#00adee 100%);background: -ms-linear-gradient(top, #0078a5 0%,#00adee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078a5', endColorstr='#00adee',GradientType=0 );background: linear-gradient(top, #0078a5 0%,#00adee 100%);}.Black,.Black .button a{color:#d7d7d7;background: #666666;border-right:solid 1px #000000;background: -moz-linear-gradient(top, #666666 0%, #000000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#000000));background: -webkit-linear-gradient(top, #666666 0%,#000000 100%);background: -o-linear-gradient(top, #666666 0%,#000000 100%);background: -ms-linear-gradient(top, #666666 0%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 );background: linear-gradient(top, #666666 0%,#000000 100%);}.Black .button a:hover,.Black .button a:focus{background: #444444;background: -moz-linear-gradient(top, #444444 0%, #000000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000));background: -webkit-linear-gradient(top, #444444 0%,#000000 100%);background: -o-linear-gradient(top, #444444 0%,#000000 100%);background: -ms-linear-gradient(top, #444444 0%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 );background: linear-gradient(top, #444444 0%,#000000 100%);}.Black .button a:active{color:#666;background: #000000;background: -moz-linear-gradient(top, #000000 0%, #444444 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#444444));background: -webkit-linear-gradient(top, #000000 0%,#444444 100%);background: -o-linear-gradient(top, #000000 0%,#444444 100%);background: -ms-linear-gradient(top, #000000 0%,#444444 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444',GradientType=0 );background: linear-gradient(top, #000000 0%,#444444 100%);}.Gray,.Gray .button a{color:#e9e9e9;background: #888888;border-right:solid 1px #575757;background: -moz-linear-gradient(top, #888888 0%, #575757 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#575757));background: -webkit-linear-gradient(top, #888888 0%,#575757 100%);background: -o-linear-gradient(top, #888888 0%,#575757 100%);background: -ms-linear-gradient(top, #888888 0%,#575757 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#575757',GradientType=0 );background: linear-gradient(top, #888888 0%,#575757 100%);}.Gray .button a:hover,.Gray .button a:focus{background: #757575;background: -moz-linear-gradient(top, #757575 0%, #4b4b4b 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(100%,#4b4b4b));background: -webkit-linear-gradient(top, #757575 0%,#4b4b4b 100%);background: -o-linear-gradient(top, #757575 0%,#4b4b4b 100%);background: -ms-linear-gradient(top, #757575 0%,#4b4b4b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#4b4b4b',GradientType=0 );background: linear-gradient(top, #757575 0%,#4b4b4b 100%);}.Gray .button a:active{color:#afafaf;background: #575757;background: -moz-linear-gradient(top, #575757 0%, #888888 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#888888));background: -webkit-linear-gradient(top, #575757 0%,#888888 100%);background: -o-linear-gradient(top, #575757 0%,#888888 100%);background: -ms-linear-gradient(top, #575757 0%,#888888 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#888888',GradientType=0 );background: linear-gradient(top, #575757 0%,#888888 100%);}.White,.White .button a{color:#606060;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);border-right:1px solid #e2e2e2;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );background: linear-gradient(top, #ffffff 0%,#e2e2e2 100%);}.White .button a:hover,.White .button a:focus{background: #ffffff;border-right:solid 1px #e2e2e2;background: -moz-linear-gradient(top, #ffffff 0%, #adadad 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#adadad));background: -webkit-linear-gradient(top, #ffffff 0%,#adadad 100%);background: -o-linear-gradient(top, #ffffff 0%,#adadad 100%);background: -ms-linear-gradient(top, #ffffff 0%,#adadad 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 );background: linear-gradient(top, #ffffff 0%,#adadad 100%);}.White .button a:active{background: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff));background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%);background: -o-linear-gradient(top, #ededed 0%,#ffffff 100%);background: -ms-linear-gradient(top, #ededed 0%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );background: linear-gradient(top, #ededed 0%,#ffffff 100%);}.Orange,.Orange .button a{color:#fef4e9;background: #f9bc59;border-right:solid 1px #f27c21;background: -moz-linear-gradient(top, #f9bc59 0%, #f27c21 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bc59), color-stop(100%,#f27c21));background: -webkit-linear-gradient(top, #f9bc59 0%,#f27c21 100%);background: -o-linear-gradient(top, #f9bc59 0%,#f27c21 100%);background: -ms-linear-gradient(top, #f9bc59 0%,#f27c21 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bc59', endColorstr='#f27c21',GradientType=0 );background: linear-gradient(top, #f9bc59 0%,#f27c21 100%);}.Orange .button a:hover,.Orange .button a:focus{background: #f88e11;background: -moz-linear-gradient(top, #f88e11 0%, #e25300 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f88e11), color-stop(100%,#e25300));background: -webkit-linear-gradient(top, #f88e11 0%,#e25300 100%);background: -o-linear-gradient(top, #f88e11 0%,#e25300 100%);background: -ms-linear-gradient(top, #f88e11 0%,#e25300 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88e11', endColorstr='#e25300',GradientType=0 );background: linear-gradient(top, #f88e11 0%,#e25300 100%);}.Orange .button a:active{color:#fcd3a5;background: #f47a20;background: -moz-linear-gradient(top, #f47a20 0%, #faa51a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f47a20), color-stop(100%,#faa51a));background: -webkit-linear-gradient(top, #f47a20 0%,#faa51a 100%);background: -o-linear-gradient(top, #f47a20 0%,#faa51a 100%);background: -ms-linear-gradient(top, #f47a20 0%,#faa51a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a20', endColorstr='#faa51a',GradientType=0 );background: linear-gradient(top, #f47a20 0%,#faa51a 100%);}.Red,.Red .button a{color:#faddde;background: #ed1c24;border-right:solid 1px #aa1317;background: -moz-linear-gradient(top, #ed1c24 0%, #aa1317 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c24), color-stop(100%,#aa1317));background: -webkit-linear-gradient(top, #ed1c24 0%,#aa1317 100%);background: -o-linear-gradient(top, #ed1c24 0%,#aa1317 100%);background: -ms-linear-gradient(top, #ed1c24 0%,#aa1317 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#aa1317',GradientType=0 );background: linear-gradient(top, #ed1c24 0%,#aa1317 100%);}.Red .button a:hover,.Red .button a:focus{background: #c9151b;background: -moz-linear-gradient(top, #c9151b 0%, #a11115 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9151b), color-stop(100%,#a11115));background: -webkit-linear-gradient(top, #c9151b 0%,#a11115 100%);background: -o-linear-gradient(top, #c9151b 0%,#a11115 100%);background: -ms-linear-gradient(top, #c9151b 0%,#a11115 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9151b', endColorstr='#a11115',GradientType=0 );background: linear-gradient(top, #c9151b 0%,#a11115 100%);}.Red .button a:active{color:#de898c;background: #aa1317;background: -moz-linear-gradient(top, #aa1317 0%, #ed1c24 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa1317), color-stop(100%,#ed1c24));background: -webkit-linear-gradient(top, #aa1317 0%,#ed1c24 100%);background: -o-linear-gradient(top, #aa1317 0%,#ed1c24 100%);background: -ms-linear-gradient(top, #aa1317 0%,#ed1c24 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1317', endColorstr='#ed1c24',GradientType=0 );background: linear-gradient(top, #aa1317 0%,#ed1c24 100%);}.Rosy,.Rosy .button a{color:#fae7e9;background: #f16c7c;border-right:solid 1px #bf404f;background: -moz-linear-gradient(top, #f16c7c 0%, #bf404f 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f16c7c), color-stop(100%,#bf404f));background: -webkit-linear-gradient(top, #f16c7c 0%,#bf404f 100%);background: -o-linear-gradient(top, #f16c7c 0%,#bf404f 100%);background: -ms-linear-gradient(top, #f16c7c 0%,#bf404f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16c7c', endColorstr='#bf404f',GradientType=0 );background: linear-gradient(top, #f16c7c 0%,#bf404f 100%);}.Rosy .button a:hover,.Rosy .button a:focus{background: #cf5d6a;background: -moz-linear-gradient(top, #cf5d6a 0%, #a53845 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf5d6a), color-stop(100%,#a53845));background: -webkit-linear-gradient(top, #cf5d6a 0%,#a53845 100%);background: -o-linear-gradient(top, #cf5d6a 0%,#a53845 100%);background: -ms-linear-gradient(top, #cf5d6a 0%,#a53845 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf5d6a', endColorstr='#a53845',GradientType=0 );background: linear-gradient(top, #cf5d6a 0%,#a53845 100%);}.Rosy .button a:active{color:#dca4ab;background: #bf404f;background: -moz-linear-gradient(top, #bf404f 0%, #f16c7c 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf404f), color-stop(100%,#f16c7c));background: -webkit-linear-gradient(top, #bf404f 0%,#f16c7c 100%);background: -o-linear-gradient(top, #bf404f 0%,#f16c7c 100%);background: -ms-linear-gradient(top, #bf404f 0%,#f16c7c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf404f', endColorstr='#f16c7c',GradientType=0 );background: linear-gradient(top, #bf404f 0%,#f16c7c 100%);}.Green,.Green .button a{color:#e8f0de;background: #7db72f;border-right:solid 1px #4e7d0e;background: -moz-linear-gradient(top, #7db72f 0%, #4e7d0e 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db72f), color-stop(100%,#4e7d0e));background: -webkit-linear-gradient(top, #7db72f 0%,#4e7d0e 100%);background: -o-linear-gradient(top, #7db72f 0%,#4e7d0e 100%);background: -ms-linear-gradient(top, #7db72f 0%,#4e7d0e 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db72f', endColorstr='#4e7d0e',GradientType=0 );background: linear-gradient(top, #7db72f 0%,#4e7d0e 100%);}.Green .button a:hover,.Green .button a:focus{background: #6b9d28;background: -moz-linear-gradient(top, #6b9d28 0%, #436b0c 64%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b9d28), color-stop(64%,#436b0c));background: -webkit-linear-gradient(top, #6b9d28 0%,#436b0c 64%);background: -o-linear-gradient(top, #6b9d28 0%,#436b0c 64%);background: -ms-linear-gradient(top, #6b9d28 0%,#436b0c 64%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b9d28', endColorstr='#436b0c',GradientType=0 );background: linear-gradient(top, #6b9d28 0%,#436b0c 64%);}.Green .button a:active{color:#a9c08c;background: #4e7d0e;background: -moz-linear-gradient(top, #4e7d0e 0%, #7db72f 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e7d0e), color-stop(100%,#7db72f));background: -webkit-linear-gradient(top, #4e7d0e 0%,#7db72f 100%);background: -o-linear-gradient(top, #4e7d0e 0%,#7db72f 100%);background: -ms-linear-gradient(top, #4e7d0e 0%,#7db72f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7d0e', endColorstr='#7db72f',GradientType=0 );background: linear-gradient(top, #4e7d0e 0%,#7db72f 100%);}.Pink,.Pink .button a{color:#feeef5;background: #feb1d3;border-right:solid 1px #f171ab;background: -moz-linear-gradient(top, #feb1d3 0%, #f171ab 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feb1d3), color-stop(100%,#f171ab));background: -webkit-linear-gradient(top, #feb1d3 0%,#f171ab 100%);background: -o-linear-gradient(top, #feb1d3 0%,#f171ab 100%);background: -ms-linear-gradient(top, #feb1d3 0%,#f171ab 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb1d3', endColorstr='#f171ab',GradientType=0 );background: linear-gradient(top, #feb1d3 0%,#f171ab 100%);}.Pink .button a:hover,.Pink .button a:focus{background: #f4aacb;background: -moz-linear-gradient(top, #f4aacb 0%, #e5408a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4aacb), color-stop(100%,#e5408a));background: -webkit-linear-gradient(top, #f4aacb 0%,#e5408a 100%);background: -o-linear-gradient(top, #f4aacb 0%,#e5408a 100%);background: -ms-linear-gradient(top, #f4aacb 0%,#e5408a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4aacb', endColorstr='#e5408a',GradientType=0 );background: linear-gradient(top, #f4aacb 0%,#e5408a 100%);}.Pink .button a:active{color:#f3c3d9;background: #f171ab;background: -moz-linear-gradient(top, #f171ab 0%, #feb1d3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f171ab), color-stop(100%,#feb1d3));background: -webkit-linear-gradient(top, #f171ab 0%,#feb1d3 100%);background: -o-linear-gradient(top, #f171ab 0%,#feb1d3 100%);background: -ms-linear-gradient(top, #f171ab 0%,#feb1d3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f171ab', endColorstr='#feb1d3',GradientType=0 );background: linear-gradient(top, #f171ab 0%,#feb1d3 100%);}.Yellow,.Yellow .button a{color: #ffffef;background: #ffff88;border-right:1px solid #f7c40e;background: -moz-linear-gradient(top, #ffff88 0%, #f7c40e 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff88), color-stop(100%,#f7c40e));background: -webkit-linear-gradient(top, #ffff88 0%,#f7c40e 100%);background: -o-linear-gradient(top, #ffff88 0%,#f7c40e 100%);background: -ms-linear-gradient(top, #ffff88 0%,#f7c40e 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#f7c40e',GradientType=0 );background: linear-gradient(top, #ffff88 0%,#f7c40e 100%);}.Yellow .button a:hover,.Yellow .button a:focus{background: #ffff44;background: -moz-linear-gradient(top, #ffff44 0%, #ffff7a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff44), color-stop(100%,#ffff7a));background: -webkit-linear-gradient(top, #ffff44 0%,#ffff7a 100%);background: -o-linear-gradient(top, #ffff44 0%,#ffff7a 100%);background: -ms-linear-gradient(top, #ffff44 0%,#ffff7a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff44', endColorstr='#ffff7a',GradientType=0 );background: linear-gradient(top, #ffff44 0%,#ffff7a 100%);}.Yellow .button a:active{background: #e8c745;background: -moz-linear-gradient(top, #e8c745 0%, #f2f475 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8c745), color-stop(100%,#f2f475));background: -webkit-linear-gradient(top, #e8c745 0%,#f2f475 100%);background: -o-linear-gradient(top, #e8c745 0%,#f2f475 100%);background: -ms-linear-gradient(top, #e8c745 0%,#f2f475 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8c745', endColorstr='#f2f475',GradientType=0 );background: linear-gradient(top, #e8c745 0%,#f2f475 100%);}.l_Green,.l_Green .button a{color: #ffffef;background: #cce197;border-right: 1px solid #7ead6b;background: -moz-linear-gradient(top, #cce197 0%, #7ead6b 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cce197), color-stop(100%,#7ead6b));background: -webkit-linear-gradient(top, #cce197 0%,#7ead6b 100%);background: -o-linear-gradient(top, #cce197 0%,#7ead6b 100%);background: -ms-linear-gradient(top, #cce197 0%,#7ead6b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce197', endColorstr='#7ead6b',GradientType=0 );background: linear-gradient(top, #cce197 0%,#7ead6b 100%);}.l_Green .button a:hover,.l_Green .button a:focus{ background: rgb(204,225,151);background: -moz-linear-gradient(top, rgba(204,225,151,1) 0%, rgba(194,215,141,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,225,151,1)), color-stop(100%,rgba(194,215,141,1)));background: -webkit-linear-gradient(top, rgba(204,225,151,1) 0%,rgba(194,215,141,1) 100%);background: -o-linear-gradient(top, rgba(204,225,151,1) 0%,rgba(194,215,141,1) 100%);background: -ms-linear-gradient(top, rgba(204,225,151,1) 0%,rgba(194,215,141,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce197', endColorstr='#c2d78d',GradientType=0 );background: linear-gradient(top, rgba(204,225,151,1) 0%,rgba(194,215,141,1) 100%);}.l_Green .button a:active{background: rgb(194,215,141);background: -moz-linear-gradient(top, rgba(194,215,141,1) 0%, rgba(204,225,151,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(194,215,141,1)), color-stop(100%,rgba(204,225,151,1)));background: -webkit-linear-gradient(top, rgba(194,215,141,1) 0%,rgba(204,225,151,1) 100%);background: -o-linear-gradient(top, rgba(194,215,141,1) 0%,rgba(204,225,151,1) 100%);background: -ms-linear-gradient(top, rgba(194,215,141,1) 0%,rgba(204,225,151,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2d78d', endColorstr='#cce197',GradientType=0 );background: linear-gradient(top, rgba(194,215,141,1) 0%,rgba(204,225,151,1) 100%);}.l_Blue,.l_Blue .button a{color: #ffffef;background: #92c7da;border-right:1px solid #4082bc;background: -moz-linear-gradient(top, #92c7da 0%, #4082bc 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92c7da), color-stop(100%,#4082bc));background: -webkit-linear-gradient(top, #92c7da 0%,#4082bc 100%);background: -o-linear-gradient(top, #92c7da 0%,#4082bc 100%);background: -ms-linear-gradient(top, #92c7da 0%,#4082bc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c7da', endColorstr='#4082bc',GradientType=0 );background: linear-gradient(top, #92c7da 0%,#4082bc 100%);}.l_Blue .button a:hover,.l_Blue .button a:focus{ background: #92c7da;background: -moz-linear-gradient(top, #92c7da 0%, #88bdd0 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92c7da), color-stop(100%,#88bdd0));background: -webkit-linear-gradient(top, #92c7da 0%,#88bdd0 100%);background: -o-linear-gradient(top, #92c7da 0%,#88bdd0 100%);background: -ms-linear-gradient(top, #92c7da 0%,#88bdd0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c7da', endColorstr='#88bdd0',GradientType=0 );background: linear-gradient(top, #92c7da 0%,#88bdd0 100%);}.l_Blue .button a:active{background: #88bdd0;background: -moz-linear-gradient(top, #88bdd0 0%, #92c7da 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bdd0), color-stop(100%,#92c7da));background: -webkit-linear-gradient(top, #88bdd0 0%,#92c7da 100%);background: -o-linear-gradient(top, #88bdd0 0%,#92c7da 100%);background: -ms-linear-gradient(top, #88bdd0 0%,#92c7da 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bdd0', endColorstr='#92c7da',GradientType=0 );background: linear-gradient(top, #88bdd0 0%,#92c7da 100%);}.Purple,.Purple .button a{ color: #ffffef; background: #b5add8; border-right:1px solid #7e70b8;background: -moz-linear-gradient(top, #b5add8 0%, #7e70b8 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5add8), color-stop(100%,#7e70b8));background: -webkit-linear-gradient(top, #b5add8 0%,#7e70b8 100%);background: -o-linear-gradient(top, #b5add8 0%,#7e70b8 100%);background: -ms-linear-gradient(top, #b5add8 0%,#7e70b8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5add8', endColorstr='#7e70b8',GradientType=0 );background: linear-gradient(top, #b5add8 0%,#7e70b8 100%);}.Purple .button a:hover,.Purple .button a:focus{ background: rgb(160,146,218);background: -moz-linear-gradient(top, rgba(160,146,218,1) 0%, rgba(150,136,208,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,146,218,1)), color-stop(100%,rgba(150,136,208,1)));background: -webkit-linear-gradient(top, rgba(160,146,218,1) 0%,rgba(150,136,208,1) 100%);background: -o-linear-gradient(top, rgba(160,146,218,1) 0%,rgba(150,136,208,1) 100%);background: -ms-linear-gradient(top, rgba(160,146,218,1) 0%,rgba(150,136,208,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a092da', endColorstr='#9688d0',GradientType=0 );background: linear-gradient(top, rgba(160,146,218,1) 0%,rgba(150,136,208,1) 100%);}.Purple .button a:active{ background: #9688d0;background: -moz-linear-gradient(top, #9688d0 0%, #a092da 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9688d0), color-stop(100%,#a092da));background: -webkit-linear-gradient(top, #9688d0 0%,#a092da 100%);background: -o-linear-gradient(top, #9688d0 0%,#a092da 100%);background: -ms-linear-gradient(top, #9688d0 0%,#a092da 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9688d0', endColorstr='#a092da',GradientType=0 );background: linear-gradient(top, #9688d0 0%,#a092da 100%); } .Violet,.Violet .button a{color: #ffe8ff;border-right:1px solid #ae1c71;background: #ce75a8;background: -moz-linear-gradient(top, #ce75a8 0%, #ae1c71 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce75a8), color-stop(100%,#ae1c71));background: -webkit-linear-gradient(top, #ce75a8 0%,#ae1c71 100%);background: -o-linear-gradient(top, #ce75a8 0%,#ae1c71 100%);background: -ms-linear-gradient(top, #ce75a8 0%,#ae1c71 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce75a8', endColorstr='#ae1c71',GradientType=0 );background: linear-gradient(top, #ce75a8 0%,#ae1c71 100%);}.Violet .button a:hover,.Violet .button a:focus{background: #d03e93;background: -moz-linear-gradient(top, #d03e93 0%, #c63489 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d03e93), color-stop(100%,#c63489));background: -webkit-linear-gradient(top, #d03e93 0%,#c63489 100%);background: -o-linear-gradient(top, #d03e93 0%,#c63489 100%);background: -ms-linear-gradient(top, #d03e93 0%,#c63489 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d03e93', endColorstr='#c63489',GradientType=0 );background: linear-gradient(top, #d03e93 0%,#c63489 100%); }.Violet .button a:active{background: #c63489;background: -moz-linear-gradient(top, #c63489 0%, #d03e93 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c63489), color-stop(100%,#d03e93));background: -webkit-linear-gradient(top, #c63489 0%,#d03e93 100%);background: -o-linear-gradient(top, #c63489 0%,#d03e93 100%);background: -ms-linear-gradient(top, #c63489 0%,#d03e93 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c63489', endColorstr='#d03e93',GradientType=0 );background: linear-gradient(top, #c63489 0%,#d03e93 100%);}.Beaver,.Beaver .button a{color: #ffe8ff;background: #917362;border-right:1px solid #8e4a25;background: -moz-linear-gradient(top, #917362 0%, #8e4a25 52%, #8e4a25 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#917362), color-stop(52%,#8e4a25), color-stop(100%,#8e4a25));background: -webkit-linear-gradient(top, #917362 0%,#8e4a25 52%,#8e4a25 100%);background: -o-linear-gradient(top, #917362 0%,#8e4a25 52%,#8e4a25 100%);background: -ms-linear-gradient(top, #917362 0%,#8e4a25 52%,#8e4a25 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#917362', endColorstr='#8e4a25',GradientType=0 );background: linear-gradient(top, #917362 0%,#8e4a25 52%,#8e4a25 100%);}.Beaver .button a:hover,.Beaver .button a:focus{background: #917362;background: -moz-linear-gradient(top, #917362 0%, #8e4a25 20%, #933910 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#917362), color-stop(20%,#8e4a25), color-stop(100%,#933910));background: -webkit-linear-gradient(top, #917362 0%,#8e4a25 20%,#933910 100%);background: -o-linear-gradient(top, #917362 0%,#8e4a25 20%,#933910 100%);background: -ms-linear-gradient(top, #917362 0%,#8e4a25 20%,#933910 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#917362', endColorstr='#933910',GradientType=0 );background: linear-gradient(top, #917362 0%,#8e4a25 20%,#933910 100%);}.Beaver .button a:active{background: #8e4a25;background: -moz-linear-gradient(top, #8e4a25 0%, #8e4a25 48%, #917362 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e4a25), color-stop(48%,#8e4a25), color-stop(100%,#917362));background: -webkit-linear-gradient(top, #8e4a25 0%,#8e4a25 48%,#917362 100%);background: -o-linear-gradient(top, #8e4a25 0%,#8e4a25 48%,#917362 100%);background: -ms-linear-gradient(top, #8e4a25 0%,#8e4a25 48%,#917362 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e4a25', endColorstr='#917362',GradientType=0 );background: linear-gradient(top, #8e4a25 0%,#8e4a25 48%,#917362 100%);}.Viridian, .Viridian .button a{background: #8fa8a5;border-right:1px solid #2b7f63 ;color: #FFF;background: -moz-linear-gradient(top, #8fa8a5 0%, #2b7f63 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fa8a5), color-stop(100%,#2b7f63));background: -webkit-linear-gradient(top, #8fa8a5 0%,#2b7f63 100%);background: -o-linear-gradient(top, #8fa8a5 0%,#2b7f63 100%);background: -ms-linear-gradient(top, #8fa8a5 0%,#2b7f63 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fa8a5', endColorstr='#2b7f63',GradientType=0 );background: linear-gradient(top, #8fa8a5 0%,#2b7f63 100%);}.Viridian .button a:hover,.Viridian .button a:focus{background: #8fa8a5;background: -moz-linear-gradient(top, #8fa8a5 0%, #086044 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fa8a5), color-stop(100%,#086044));background: -webkit-linear-gradient(top, #8fa8a5 0%,#086044 100%);background: -o-linear-gradient(top, #8fa8a5 0%,#086044 100%);background: -ms-linear-gradient(top, #8fa8a5 0%,#086044 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fa8a5', endColorstr='#086044',GradientType=0 );background: linear-gradient(top, #8fa8a5 0%,#086044 100%);}.Viridian .button a:active{background: #086044;background: -moz-linear-gradient(top, #086044 0%, #8fa8a5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#086044), color-stop(100%,#8fa8a5));background: -webkit-linear-gradient(top, #086044 0%,#8fa8a5 100%);background: -o-linear-gradient(top, #086044 0%,#8fa8a5 100%);background: -ms-linear-gradient(top, #086044 0%,#8fa8a5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086044', endColorstr='#8fa8a5',GradientType=0 );background: linear-gradient(top, #086044 0%,#8fa8a5 100%);}.S_Blue, .S_Blue .button a{color:#FFF;background: #cedce7;border-right: 1px solid #596a72;background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72));background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%);background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%);background: -ms-linear-gradient(top, #cedce7 0%,#596a72 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );background: linear-gradient(top, #cedce7 0%,#596a72 100%);}.S_Blue .button a:hover,.S_Blue .button a:focus{background: #cedce7;background: -moz-linear-gradient(top, #cedce7 0%, #395e70 74%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(74%,#395e70));background: -webkit-linear-gradient(top, #cedce7 0%,#395e70 74%);background: -o-linear-gradient(top, #cedce7 0%,#395e70 74%);background: -ms-linear-gradient(top, #cedce7 0%,#395e70 74%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#395e70',GradientType=0 );background: linear-gradient(top, #cedce7 0%,#395e70 74%);}.S_Blue .button a:active{background: #596a72;background: -moz-linear-gradient(top, #596a72 0%, #cedce7 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#596a72), color-stop(100%,#cedce7));background: -webkit-linear-gradient(top, #596a72 0%,#cedce7 100%);background: -o-linear-gradient(top, #596a72 0%,#cedce7 100%);background: -ms-linear-gradient(top, #596a72 0%,#cedce7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=0 );background: linear-gradient(top, #596a72 0%,#cedce7 100%);}.Vista_Black, .Vista_Black .button a{background: #aebcbf;color:#FFF;background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));background: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);background: -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);background: -ms-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 );background: linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);}.Vista_Black .button a:hover,.Vista_Black .button a:focus,.Vista_Black .button a:active{background: #0a0809;background: -moz-linear-gradient(top, #0a0809 0%, #6e7774 100%, #aebcbf 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a0809), color-stop(100%,#6e7774), color-stop(100%,#aebcbf));background: -webkit-linear-gradient(top, #0a0809 0%,#6e7774 100%,#aebcbf 100%);background: -o-linear-gradient(top, #0a0809 0%,#6e7774 100%,#aebcbf 100%);background: -ms-linear-gradient(top, #0a0809 0%,#6e7774 100%,#aebcbf 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0809', endColorstr='#aebcbf',GradientType=0 );background: linear-gradient(top, #0a0809 0%,#6e7774 100%,#aebcbf 100%);}.Vista_Orange, .Vista_Orange .button a{color:#FFF;background: #ffb76b;background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04));background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );background: linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);}.Vista_Orange .button a:hover,.Vista_Orange .button a:focus,.Vista_Orange .button a:active{background: #ff7f04;background: -moz-linear-gradient(top, #ff7f04 0%, #ff7c00 49%, #ffa73d 50%, #ffb76b 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7f04), color-stop(49%,#ff7c00), color-stop(50%,#ffa73d), color-stop(100%,#ffb76b));background: -webkit-linear-gradient(top, #ff7f04 0%,#ff7c00 49%,#ffa73d 50%,#ffb76b 100%);background: -o-linear-gradient(top, #ff7f04 0%,#ff7c00 49%,#ffa73d 50%,#ffb76b 100%);background: -ms-linear-gradient(top, #ff7f04 0%,#ff7c00 49%,#ffa73d 50%,#ffb76b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f04', endColorstr='#ffb76b',GradientType=0 );background: linear-gradient(top, #ff7f04 0%,#ff7c00 49%,#ffa73d 50%,#ffb76b 100%);}.Vista_Green, .Vista_Green .button a{color:#FFF;background: #9dd53a;background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a));background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );background: linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);}.Vista_Green .button a:hover,.Vista_Green .button a:focus,.Vista_Green .button a:active{background: #7cbc0a;background: -moz-linear-gradient(top, #7cbc0a 0%, #80c217 13%, #a1d54f 50%, #9dd53a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cbc0a), color-stop(13%,#80c217), color-stop(50%,#a1d54f), color-stop(100%,#9dd53a));background: -webkit-linear-gradient(top, #7cbc0a 0%,#80c217 13%,#a1d54f 50%,#9dd53a 100%);background: -o-linear-gradient(top, #7cbc0a 0%,#80c217 13%,#a1d54f 50%,#9dd53a 100%);background: -ms-linear-gradient(top, #7cbc0a 0%,#80c217 13%,#a1d54f 50%,#9dd53a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cbc0a', endColorstr='#9dd53a',GradientType=0 );background: linear-gradient(top, #7cbc0a 0%,#80c217 13%,#a1d54f 50%,#9dd53a 100%);}.search{position:relative;float:right;margin-top:7px;}.search input[type=text]{width:120px;padding-left:18px;margin-left:10px;padding-right:4px;outline:none;border: none;-webkit-border-radius: .9em; -moz-border-radius: .9em;border-radius: .9em;-moz-box-shadow: inset 1px 1px 3px #7a7a7a;box-shadow: inset 1px 1px 3px #7a7a7a;}.search a:before { width:6px; height:6px; border:2px solid #000; background:transparent; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}.search a:after { left:24px; width:2px; height:7px; margin-top:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}li a:before, li a:after { content:""; position:absolute; top:50%; left:15px;}li a:before, li a:after { margin:-7px 0 0; background: #000;}#gn_box{padding:20px 20px;position:relative;width:550px;min-height:680px;background-color:#FFF;margin-left:auto;margin-right:auto;margin-top:110px;list-style-type:none;color: #4A4744;border: 1px solid #C3C8BD;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #F7F7F7;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;}.c_selector{width:500px;margin-left:50px;height:200px;overflow:auto;}#color_button{position:relative;float:left;width:65px;margin: 18px 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 12px/100% Arial, Helvetica, sans-serif;font-weight:bold;padding: .8em 1em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);}#gn_box input[type=text]{margin-left:10px;padding:3px;border: none;-webkit-border-radius: .3em; -moz-border-radius: .3em;border-radius: .3em;-moz-box-shadow: inset 1px 1px 1px #7a7a7a;box-shadow: inset 0px 0px 3px #7a7a7a;border:#E9E9E9 1px solid;}#create{position:fixed;top:101px;float:right;right:0;width:200px;height:50px;z-index:9;}.build{width:150px;padding:10px;color:#d9eef7;background:#0095cd;background:-webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));background:-moz-linear-gradient(top,#00adee,#0078a5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee',endColorstr='#0078a5');cursor:pointer;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);font-weight:bold;}.Menu_t{position: absolute;margin-top:-35px;background:#F7F7F7;padding:0 10px 0 10px;color: #369;font-size:16px;left:20px;}.Editors input[type=button]{background: url(menu-generator/required/dx.png);outline:none;border:none;background-repeat:no-repeat;cursor:pointer;width:11px;height:11px;}.m_t{position:relative;float:left;margin-left:50px;}.font_name{position:relative;float:left;margin-left:66px;-webkit-border-radius: .3em; -moz-border-radius: .3em;border-radius: .3em;}#footer{position: relative;background: #EAEAEA;width:100%;bottom:0;height:60px;border-top: #CCC 1px solid;}#footer span{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;margin-left:45%;}#f_1{position:relative;margin-top:-3px;padding:0 10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;background:#FFF;}.f_2,.f_3,.f_4{position:absolute;padding:0 10px;background:#FFF;}textarea{font-family:Verdana, Geneva, sans-serif;font-size:9px;position:relative;margin-left:49px;margin-top:10px;margin-bottom:10px;width:550px;height:100px;outline-color:#093;}.m_t input[type=text]{width:25px;}</style> </head><body><div id="Head"><ul id="menu_wrap" class="Blue"> <li class="button"><a href="#">Home</a></li> <li class="button"><a href="#">portfolios</a></li> <li class="button"><a href="#">Latest Projects</a></li> <li class="button"><a href="#">Top Sales</a></li> <li class="button"><a href="#">new post</a></li> <li class="button"><a href="#">advertise</a></li> <li class="button" ><a href="#">about us</a></li> <li class="search"><a href="#"></a><input type="text" placeHolder="Search" /></li></ul></div><ul id="gn_box">Please choose a color : <li class="c_selector"> <a href="#" id="color_button" class="White" onclick="changeColor('White');">White</a> <a href="#" id="color_button" class="Pink" onclick="changeColor('Pink');">Pink</a> <a href="#" id="color_button" class="Rosy" onclick="changeColor('Rosy');">Rosy</a> <a href="#" id="color_button" class="Red" onclick="changeColor('Red');">Red</a> <a href="#" id="color_button" class="Orange" onclick="changeColor('Orange');">Orange</a> <a href="#" id="color_button" class="Yellow" onclick="changeColor('Yellow');">Yellow</a> <a href="#" id="color_button" class="l_Green" onclick="changeColor('l_Green');">Light Green</a> <a href="#" id="color_button" class="Green" onclick="changeColor('Green');">Green</a> <a href="#" id="color_button" class="Blue" onclick="changeColor('Blue');">Blue</a> <a href="#" id="color_button" class="l_Blue" onclick="changeColor('l_Blue');">Light Blue</a> <a href="#" id="color_button" class="Purple" onclick="changeColor('Purple');">Purple</a> <a href="#" id="color_button" class="Violet " onclick="changeColor('Violet');">Violet </a> <a href="#" id="color_button" class="Gray" onclick="changeColor('Gray');">Gray</a> <a href="#" id="color_button" class="Black" onclick="changeColor('Black');">Black</a> <a href="#" id="color_button" class="Beaver" onclick="changeColor('Beaver');">Beaver</a> <a href="#" id="color_button" class="Viridian" onclick="changeColor('Viridian');">Viridian</a> <a href="#" id="color_button" class="S_Blue" onclick="changeColor('S_Blue');">Steel Blue</a> <a href="#" id="color_button" class="Vista_Black" onclick="changeColor('Vista_Black');">Vista Black</a><a href="#" id="color_button" class="Vista_Orange" onclick="changeColor('Vista_Orange');">Vista Orange</a><a href="#" id="color_button" class="Vista_Green" onclick="changeColor('Vista_Green');">Vista Green</a> </li> <hr /> <li> <br /> <label class="Menu_t">Menu</label> <label class="m_t">Width 100 % :<input type="checkbox" class="menu_width_check"/></label><br /><br /><br /> <div class="width_slider_toggle"> <label class="m_t">Width : <input type="text" class="m_t_w_input" /></label> <span style="display: inline-block; width: 350px; padding: 0 0 0 40px;"><input id="Slider1" type="slider" value="800" /></span><br /><br /><br /> </div><label class="m_t">Height : <input type="text" class="m_t_h_input" /></label> <span style="display: inline-block; width: 150px; padding: 0 0 0 34px;"> <input id="Slider2" type="slider" value="40" /> </span><br /><br /><br /> <label class="m_t">Rounded corner :</label><span style="display: inline-block; width: 150px; padding: 0 0 0 11px;"> <input id="round" type="slider" value="10" /> </span><br /><br /><br /><label class="m_t">Font title:</label> <select style="width:150px" class="font_name" onchange="font_name_change($(this).val());"> <option>Arial, Helvetica, sans-serif</option> <option>Verdana, Geneva, sans-serif</option><option>Georgia, "Times New Roman", Times, serif</option><option>"Courier New", Courier, monospace</option><option>Tahoma, Geneva, sans-serif</option><option>"Trebuchet MS", Arial, Helvetica, sans-serif</option><option>"Arial Black", Gadget, sans-serif</option><option>"Times New Roman", Times, serif</option><option>"Palatino Linotype", "Book Antiqua", Palatino, serif</option><option>"Lucida Sans Unicode", "Lucida Grande", sans-serif</option><option>"MS Serif", "New York", serif</option><option>"Lucida Console", Monaco, monospace</option> </select><br /><br /><br /> <label class="m_t">Font Size:</label> <span style="display: inline-block; width: 150px; padding: 0 0 0 66px;"> <input id="slider_font" type="slider" value="13" /></span><br /><br /> <br /> <span class="shrink_tag"> <label class="m_t">Shrinking size % : </label> <span style="display: inline-block; width: 150px; padding: 0 13px;"> <input id="Slider4" type="slider" value="30" /></span><br /><br /><br /> </span> </li> <hr /><br /> <label class="Menu_t">Search Input Box</label> <label class="m_t">Disable Search input box : <input type="checkbox" class="search_check" title="input box" /></label><br /><br /> <br /> <li class="tg"> <label class="m_t">Width :</label><span style="display: inline-block; width: 350px; padding:0 0 0 83px;"> <input id="Slider3" type="slider" value="120;180" /> </span><br /><br /><br /> <label class="m_t">Height : </label><span style="display: inline-block; width: 150px; padding: 0 0 0 80px;"> <input id="search_height" type="slider" value="20" /> </span><br /><br /><br /> <label class="m_t">Rounded corner :</label><span style="display: inline-block; width: 150px; padding: 0 0 0 10px;"> <input id="round_search" type="slider" value="20" /> </span> </li><br /><br /> <li> <hr /><br /> <label class="Menu_t">Tabs</label> <input type="button" value="Add new tab" style="margin-left:65px" class="add_tab" /><br /><Br /> <ol class="Editors"> <li><input type="button"/><input type="text" value="Home" /> </li> <li><input type="button"/><input type="text" value="portfolios" /> </li> <li><input type="button"/><input type="text" value="Latest Projects" /> </li> <li><input type="button"/><input type="text" value="Top Sales" /> </li> <li><input type="button"/><input type="text" value="new post" /> </li> <li><input type="button"/><input type="text" value="advertise" /> </li> <li><input type="button"/><input type="text" value="about us" /> </li> </ol> </li> </ul><div id="create"><input type="button" value="Grab the Menu Code" class="build" /></div>
<hr /><script type="text/javascript">var left_size =0; var menu_width = $('#menu_wrap').width();var menu_height = $('#menu_wrap').height();var search_input= $('.search input[type=text]');var search_input_size = 120;var search_large_size = 180;var search_height_size = 20;var padding = 3;var reminder = 0;var shrinked = "";var corner = 5;var search_corner =5;var picked_color="Blue";var Full_width = "";var java=1;var j_script="";var css="";var html="";var font_size=14;var font_name="Arial, Helvetica, sans-serif";var no_search="";var width_with_search="";$(document).ready(function(){search_input.click(function(){shrink();}).focus(function(){shrink();});search_input.blur(function(){ if(shrinked=="YES")normal();});$('.button a').hover(function(){if(shrinked=="YES")normal();}); $("#Slider1").slider({ from: 200, to: 1400, step: 1, dimension: '&nbsp;px', skin: "plastic" , scale:[200, '|', '700', '|', 1200],onstatechange: function( value ){if(Full_width==""){menu_width = value;$('#menu_wrap').width(menu_width);$('.m_t_w_input').val(value);$('.m_t_w_input').blur();}}});$("#Slider2").slider({ from: 20, to: 200, step: 1, dimension: '&nbsp;px', skin: "plastic" , scale:[20, '110', 200],onstatechange: function( value ){ menu_height = value; $('.m_t_h_input').val(value); $('.m_t_h_input').blur();$('#menu_wrap').height(menu_height);var night = Number(menu_height)/2-10;$('.button a').css({'padding-top': night+'px','padding-bottom': night+'px'});$('.search ').css({'margin-top': Number(night)-2+'px'});}});$("#Slider3").slider({ from: 20, to: 300, step: 1, round: 0, dimension: '&nbsp;px', skin: "plastic" , scale:[20, '|', '160','|', 300],onstatechange: function( value ){var sizes = value.split(";");search_input_size = sizes[0];search_input.width(search_input_size); search_large_size = sizes[1]; if(sizes[0]==sizes[1]){ java=0; $('.shrink_tag').fadeOut('slow'); } else { java=1;$('.shrink_tag').fadeIn('slow'); }Fix_menu(); }});$("#search_height").slider({ from: 20, to: 200, step: 1, round: 0, dimension: '&nbsp;px', skin: "plastic", scale:[20, '110', 200],onstatechange: function( value ){search_height_size = Number(value);search_input.height(search_height_size);if(Number(menu_height)-Number(search_height_size)<20){ menu_height = Number(menu_height)+10; $("#Slider2").slider('value', menu_height);}var m_night = (Number(menu_height)-Number(value))/2;var night = Number(menu_height)/2-10;$('.button a').css({'padding-top': night+'px','padding-bottom': night+'px'});$('.search ').css({'margin-top': Number(m_night)+'px'}); }});$("#Slider4").slider({ from: 0, to: 100, step: 10, round: 0, dimension: '&nbsp;%', skin: "plastic" , scale:[0, '|', '50', '|', 100],onstatechange: function( value ){ shPad(value); $('.sh').val(value); }}); $("#slider_font").slider({ from: 0, to: 100, step: 1, round: 0, dimension: '&nbsp;px', skin: "plastic" , scale:[0, '50' , 100],onstatechange: function( value ){$('#menu_wrap a').css({'font-size':value+'px'});font_size = value; }}); $("#round").slider({ from: 0, to: 20, step: 1, round: 0, dimension: '&nbsp;em', skin: "round_plastic" ,onstatechange: function( value ){$('#menu_wrap').css({'-webkit-border-radius':value+'px','-moz-border-radius':value+'px','border-radius':value+'px'});$('#menu_wrap .button:first-child a').css({'-webkit-border-top-left-radius':value+'px','-webkit-border-bottom-left-radius':value+'px','-moz-border-topleft-radius':value+'px','-moz-border-bottomleft-radius':value+'px','border-top-left-radius':value+'px','border-bottom-left-radius':value+'px'});$('.round').val(value);corner= value;if(no_search=="YES"){$('#menu_wrap .button:last a').css({'-webkit-border-top-right-radius':corner+'px','-webkit-border-bottom-right-radius':corner+'px','-moz-border-radius':corner+'px','border-top-right-radius':corner+'px','border-bottom-right-radius':corner+'px'});} }}); $("#round_search").slider({ from: 0, to: 20, step: 1, round: 0, dimension: '&nbsp;em', skin: "round_plastic" ,onstatechange: function( value ){$('.search input[type=text]').css({'-webkit-border-radius':value+'px','-moz-border-radius':value+'px','border-radius':value+'px'});$('.round_search').val(value);search_corner=value; }});$('.search_check').click(function(){if($(this).is(':checked')){width_with_search = $('#menu_wrap').width();$('.tg').fadeToggle();$('#menu_wrap .search').hide(); $('.shrink_tag').fadeOut(); $('#menu_wrap').css({'padding-right':'0px'}); $('#menu_wrap .button:last a').css({'float':'left','border':'none'}); $('#menu_wrap .button:last a').css({'-webkit-border-top-right-radius':corner+'px','-webkit-border-bottom-right-radius':corner+'px','-moz-border-radius':corner+'px','border-top-right-radius':corner+'px','border-bottom-right-radius':corner+'px'});no_search = "YES";if(Full_width==""){left_size=0;menu_width = Number(menu_width )- Number(search_input_size);$('.button a').each(function(){left_size=$(this).outerWidth(true)+Number(left_size);});menu_width = Math.abs(left_size); $("#Slider1").slider('value' , menu_width);}java=0;}else{$('.tg').fadeToggle();no_search = "";left_size=0;$('.button a').each(function(){left_size=$(this).outerWidth(true)+Number(left_size);});menu_width = Number(left_size)+ Number(search_input_size)+80; $('#menu_wrap').css({'padding-right':'10px'}); $('#menu_wrap .button:last a').css({'float':'left'}); $('#menu_wrap .button:last a').css({'-webkit-border-top-right-radius':0+'px','-webkit-border-bottom-right-radius':0+'px','-moz-border-radius':0+'px','border-top-right-radius':0+'px','border-bottom-right-radius':0+'px'}); $("#Slider1").slider('value' , menu_width); $('#menu_wrap .search').show(); $('.shrink_tag').fadeIn(); java=1;}});$('.menu_width_check').click(function(){if($(this).is(':checked')){$('#menu_wrap').width(100+'%');$('.width_slider_toggle').fadeToggle();Full_width = "YES";}else{$('#menu_wrap').width(menu_width);$('.width_slider_toggle').fadeToggle();Full_width="";}});yup();$('.add_tab').click(function(){$('.Editors ').append('<li><input type="button"/><input type="text" value="new" /></li>');$('#menu_wrap .search').before('<li class="button" ><a href="#">new</a></li>');menu_width = Number(menu_width) + 90;var night = Number(menu_height)/2-10;$('.button a').css({'padding-top': night+'px','padding-bottom': night+'px'});if(Full_width !="YES"){$('#menu_wrap').width(menu_width+'px');}$('#menu_wrap .button:first-child a').css({'-webkit-border-top-left-radius':corner+'px','-webkit-border-bottom-left-radius':corner+'px','-moz-border-radius':corner+'px','border-top-left-radius':corner+'px','border-bottom-left-radius':corner+'px'});yup();});$('.build').click(function(){Blueprint();if(java==0){ jQuery.facebox('<div id="f_1">Copy the below code to your website</div><hr /><span class="f_2">CSS</span><hr /><textarea class="asd">'+css+'</textarea><br /><span class="f_3">HTML (inside Body)</span><hr /><textarea>'+html+'</textarea>');}else{ jQuery.facebox('<div id="f_1">Copy the below codes to your website : </div><br /><span class="f_2">CSS</span><hr /><textarea>'+css+'</textarea><br /><span class="f_3">HTML (inside Body)</span><hr /><textarea>'+html+'</textarea><br /><span class="f_4">Javascript</span><hr /><textarea>'+j_script+'</textarea><br /><hr /><div id="f_1">Jquery Link has already attached in Javascript Part. You can seprate it and put it on the Header.</div>');} $('textarea').hover(function(){ this.select();}); });$('.m_t_w_input').keyup(function(){menu_width = $(this).val();setTimeout(function(){$("#Slider1").slider('value', menu_width);},1000);});$('.m_t_h_input').keyup(function(){menu_height = $(this).val();setTimeout(function(){$("#Slider2").slider('value', menu_height);},1000);});});function yup(){var im = 1;var num=0;var value="";$('.Editors li').each(function(){$(this).attr('class',im);$(this).find('input[type=text]').keyup(function(){num=$(this).parent().attr('class');value = $(this).attr('value');$('#menu_wrap .button:nth-child('+num+') a').text(value);Fix_menu();return false;});$(this).find('input[type=button]').click(function(){num=$(this).parent().attr('class'); $('#menu_wrap li:nth-child('+num+') ').fadeToggle('fast',function(){$(this).remove();});$(this).parent().fadeToggle('fast',function(){$(this).remove();if(num==1){$('#menu_wrap .button:first-child a').css({'-webkit-border-top-left-radius':corner+'px','-webkit-border-bottom-left-radius':corner+'px','-moz-border-radius':corner+'px','border-top-left-radius':corner+'px','border-bottom-left-radius':corner+'px'});}yup();});return false;});im = Number(im) +1;});return false;}function shrink(){if(search_input_size!=search_large_size){ $('.button a').each(function(){ $(this).animate({'padding-left': padding+'px','padding-right': padding+'px'},'fast');}); search_input.animate({'width': search_large_size+'px'},'fast'); shrinked="YES";}return false;}function normal(){ search_input.animate({'width':search_input_size+'px'},'fast'); $('.button a').animate({'padding-left':'10px','padding-right':'10px'},'fast'); shrinked=""; search_input.blur(); return false;}function changeColor(color){picked_color = color; $('#menu_wrap').removeClass().addClass(color);}function Fix_menu(){if(Full_width=="" && no_search==""){left_size=0;$('.button a').each(function(){left_size=$(this).outerWidth(true)+Number(left_size);});reminder = Number(menu_width) - (Number(search_input_size)+ Number(left_size))-35 ; if(reminder <=0){menu_width = Math.abs(reminder)+ Number(menu_width)+2;$("#Slider1").slider('value', menu_width);}}return false;}function font_name_change(num){$('#menu_wrap a').css({'font-family':num});font_name= num;return false;}function shPad(num){if(num==100){padding=0;}else if(num==90){padding=1;}else if(num==80){padding=2;}else if(num==70){padding=3;}else if(num==60){padding=4;}else if(num==50){padding=5;}else if(num==40){padding=6;}else if(num==30){padding=7;}else if(num==20){padding=8;}else if(num==10){padding=9;}else{padding=10;}return false;}</script></body></html><center><h1>Online Menu Maker</h1></center>
<h2>About Navigation Menu Generator</h2>
<p><b>Navigation menu</b> bars are generally an essential portion of almost any website development with regard to simplicity functions; however they could also function to improve the particular look and feel of the site. When designing nav bars there are numerous various solutions that one could carry, and in this post we'll present 30 instances of web-sites along with attractive menus. These types of suggestions web-sites can certainly function as full of creativity for your own personal projects, as each site needs a great nav food selection.</p><p>
The website's navigation menu selection is amongst the nearly all prominent stuff users notice if they primary check out. There are many methods to design and style a navigation section - as well as due to the fact most websites include some form of navigation - creative designers should push their imaginative limitations to create a single that's notable as well as outstanding.</p><p>
This is a web based <b>menu generator</b> which gives a warm and user friendly instruments of making a new nav menu bar with a rounded corner and using a curved part as well as a sleek animation for search box. Producing routing selection had been certainly not already been so easy. All you could got to complete is dragging your slider pubs to switch your selection attributes.</p><p>
Good set of menu collections available in this <b>online menu maker</b> tool. We usually think that this course-plotting from the site can be one among, otherwise YOUR, most important the main pattern. By the end from the time, the website may glimpse wonderful yet if there's no-one to be able to the information they want to locate they may simply click away and, likely, not come back.</p>

</section>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-42927071-1', 'tools.nogisa.com');
  ga('send', 'pageview');

</script>
</div>
</body>
</html>
